<template>
    <div>
 
  <el-card>
    <div class="homebox">
        <img  :src="vuexuser.img"/>
        <div class="homerifhtname">
          <span>{{ getTime() }} {{ vuexuser.name }}</span>
        <span>无聊</span>
        </div>
      </div>
  </el-card>
    </div>
</template>
<script setup>
import {getTime} from '@/utils/time.js'
import { useStore } from 'vuex';
import {reactive} from 'vue'
let store = useStore()
let vuexuser = reactive({
    img: store.state.qi_user.info.avatar,
    name:store.state.qi_user.info.name
})
</script>
<style scoped lang="scss">

.homebox{
  display: flex;
  img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 20px;
  }
  .homerifhtname{
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    :first-child{
        font-weight: 700;
    }
    :last-child{
      color: #808080;
    }
  }
}
</style>